<!doctype html>
<html>
  <head>
    <title>The Game Formerly Known as Typing</title>
    <script src="js/game.js"></script>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
  </head>

  <body>
    <div class="container">
      <div class="header">

        <button class="btn btn-success pull-right" id="start"><span class="glyphicon glyphicon-play"> </span>Start</button>
        <button class="btn btn-success pull-right" id="pause"><span class="glyphicon glyphicon-step-forward"> </span>Pause</button>
        <button class="btn btn-danger pull-right disabled" id="reset"><span class="glyphicon glyphicon-flash"> </span>Clear</button>
        <h3 class="text-muted">The Game Formerly Known as Typing</h3>
        <hr>

      </div>

      <div class="panel panel-default">
        <div class="panel-body">
          <div id="box"><span id="message" class="hidden">Game Over!</span></div>
        </div>
        <div class="panel-footer"><strong>Score: <span id="score">0</span></strong></div>
      </div>

      <hr>

      <footer>

        <samp class="text-muted">> anil.computer/typing</samp>
      </footer>
      <a href="https://github.com/bridgpal/typing"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-white@2x.png" alt="Fork me on GitHub"></a>
    </div>
  </body>
</html>
